<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../dist/css/goodDetails.css">
</head>

<body>
    <!-- 苏宁易购 -->
    <div class="logo">
        <img src="//ssr.suning.cn/shts/template/SN_T_1001/default/modules/sn-sys-banner/assets/images/newBanner.png"
            border="0" usemap="#Map" ref="imageMaps">
    </div>
    <!-- 返回首页兰 -->
    <div class="back">
        <div class="backbox">
            <span>本店所有商品<i></i></span>
            <span>首页</span>
        </div>
    </div>

    <!-- 护肤品功效 -->
    <div class="effect">
        <div class="effectbox">
            <div class="left">
                <span>护肤</span>
                <span>清洁</span>
                <span>面膜</span>
                <b>面部护肤 ></b>
                <b>护肤套装 ></b>
            </div>
            <div class="right">
                <span>
                    苏宁易购专卖店
                </span>
                <span>
                    <i></i>
                    联系客服
                </span>
            </div>
        </div>
    </div>

    <!-- 渲染部分 -->
    <div class="contentBox">
        <div class="content">
            <!-- 左侧图片 -->
            <div class="goods-detail">
                <div class="img-box">
                    <img src="//imgservice.suning.cn/uimg1/b2c/image/qlpPGmhmEIZeCo9PVUFELA.jpg_800w_800h_4e">
                    <!-- 放大镜框 -->
                    <div class="focus">

                    </div>
                </div>
                <div class="minpic">
                    <img src="//imgservice.suning.cn/uimg1/b2c/image/qlpPGmhmEIZeCo9PVUFELA.jpg_800w_800h_4e">
                </div>
                <!-- 对比分享关注 -->
                <!-- <div class="imgzoom-memo">
                    <span class="compare">
                        <i></i>
                        对比
                    </span>
                    <span class="share">
                        <i></i>
                        分享
                    </span>
                    <span class="favorite">
                        <i></i>
                        关注
                    </span>
                </div> -->
                <!-- 大图 -->
                <div class="big-img">
                    <img src="//imgservice.suning.cn/uimg1/b2c/image/qlpPGmhmEIZeCo9PVUFELA.jpg_800w_800h_4e">

                </div>
            </div>

            <!-- 右侧标题 -->
            <div class="right">
                <div class="titleBox">
                    <p class="title">
                        韩美肌羊胎素活性紧致水乳霜三件套紧致抚纹熬夜养护护肤品精华乳保湿乳套装抚纹润肌水乳套装面部护肤女紧致肌肤锁水保湿水乳套装
                    </p>
                    <div class="text">柔润焕亮，远离松垮，舒润粗糙小纹题 </div>
                </div>
                <div class="priceBox">
                    <dl class="price-sn">
                        <dt><span class="w3">参考价</span></dt>
                        <dd> <del class="small-price"><i>¥</i>199.00</del> </dd>
                    </dl>
                    <dl class="price-promo">

                        <dt> <span> 活动价 </span> </dt>
                        <dd> <p class="price">
                                 ¥119.00</p>
                                  <span
                                class="cxj-border">促销价</span> <!-- 直降价和 --> <a class="btn-price-notice">降价通知</a> </dd>

                    </dl>
                    <dl class="super-vipbox">
                        <dd class="max">
                            <span class="super-vip-icon" title="super"></span><span
                                class="super-word">加入会员，下单约返1.19元云钻</span><a class="more-equity"
                                id="superYzLink">立即开通&gt;</a>
                        </dd>
                    </dl>
                    <div class="ewm">
                        <img src="https://image2.suning.cn/uimg/cms/img/162333095497275868.gif" alt="">
                        <img class="ewmpic"
                            src="http://code.suning.cn/img/1_03C7E285601F3D8D2BD302C6CAB4E18D.jpg?bizCode=k72jFN"
                            alt="">
                    </div>
                </div>
                <dl class="discount">
                    <dt tabindex="0"><span class="w2" id="getCoupon">优&emsp;&emsp;惠</span></dt>
                    <dd id="getCoupon">
                        <span>可参加以下优惠活动</span>
                    </dd>
                </dl>
                <div class="active">
                    <div class="more-juan">
                        <a class="p-quan2">
                            <i class="quan-border bl"></i>
                            <span>¥10</span>
                            <i class="bm"></i>
                            <span class="p-quan-white">满129用10</span>
                            <i class="quan-border br"></i>
                        </a>
                        <a class="p-quan2">
                            <i class="quan-border bl"></i>
                            <span>¥30</span>
                            <i class="bm"></i>
                            <span class="p-quan-white">满198用30</span>
                            <i class="quan-border br"></i>
                        </a>
                        <a>共3张优惠券&gt;</a>
                    </div>
                    <div class="more-juan">
                        <a class="p-quan2">
                            <span>云钻</span>
                            <span class="p-quan-white">刮券</span>
                            <i class="quan-border br">100%刮中券，最高50元无敌券</i>
                        </a>
                        <a>立即去刮奖&gt;</a>
                    </div>
                    <div class="more-juan">
                        <a class="p-quan2">
                            <span class="p-quan-white">满减</span>
                            <i class="quan-border br">
                                满2件打5.0折</i>
                        </a>
                        <a>更多满减商品&gt;</a>
                    </div>
                    <div class="more-juan">
                        <a class="p-quan2">
                            <span class="p-quan-white">云钻</span>
                            <i class="quan-border br">预计返5云钻</i>
                        </a>
                    </div>
                </div>
                <div class="buycar">
                    <a class="car">
                        加入购物车
                    </a>
                </div>
            </div>
            <!-- 推荐栏 -->
            <div class="recommend">
                <div class="customer-rec-title">
                    <div class="t-bg"></div>
                    <h3> <span>看了又看</span> </h3>
                </div>
                <div class="picbox">
                    <img src="//imgservice.suning.cn/uimg1/b2c/image/5cpj2a-cWXHnCokvH3EYTA.jpg_120w_120h_4e" alt="">
                    <p>丸美(MARUBI) 眼霜眼部精华护肤提拉紧致淡化细纹黑眼圈日夜宠爱礼盒套装女官方旗舰店</p>
                    <span>￥358.00</span>
                </div>
                <div class="picbox">
                    <img src="//imgservice.suning.cn/uimg1/b2c/image/5cpj2a-cWXHnCokvH3EYTA.jpg_120w_120h_4e" alt="">
                    <p>丸美(MARUBI) 眼霜眼部精华护肤提拉紧致淡化细纹黑眼圈日夜宠爱礼盒套装女官方旗舰店</p>
                    <span>￥358.00</span>
                </div>
                <div class="picbox">
                    <img src="//imgservice.suning.cn/uimg1/b2c/image/5cpj2a-cWXHnCokvH3EYTA.jpg_120w_120h_4e" alt="">
                    <p>丸美(MARUBI) 眼霜眼部精华护肤提拉紧致淡化细纹黑眼圈日夜宠爱礼盒套装女官方旗舰店</p>
                    <span>￥358.00</span>
                </div>
            </div>
        </div>
    </div>
    </script>
    </div>
    </dd>
    </dl>
    </div>
    </div>
    </div>
</body>
<script src="../static/javascripts/jQuery.js"></script>
<script src="../static/javascripts/utils.js"></script>
<script src="../static/javascripts/magnifier.js"></script>
<script src="./javascripts/goodDetails.js"></script>

</html>